.detail-main {
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  background-color: #fff !important;
}

// 详情
.d-container-bd {
  border-top: 1px solid $xr-border-line-color;
  padding-top: 15px;
  flex: 1;
  overflow: hidden;
  background-color: #fff;
  .d-container-bd--left {
    height: 100%;
  }
  /deep/ .el-tabs__nav-wrap {
    padding: 0 17px;
    background-color: #F5F6FB;
  }
  /deep/ .el-tabs__nav-wrap::after {
    background-color: transparent;
  }

  /deep/ .el-tabs__item {
    color: #333;
    font-size: 12px;
    top: 2px;
    margin-top: -2px;
  }

  /deep/ .el-tabs__nav-scroll {
    min-height: 39px;
  }

  /deep/ .el-tabs__item.is-active {
    // border-top: 2px solid $xr-color-primary;
    color: #0066F9;
  }

  // /deep/ .el-tabs {
  //   height: calc(100% - 15px) !important;
  //   // margin: 0 25px;
  // }

  /deep/ .el-tabs__content {
    height: calc(100% - 60px) !important;
    padding: 0;
    overflow: hidden;
    position: relative;

    .el-tab-pane {
      height: 100%;
      overflow: hidden;
    }
  }

  /deep/ .el-tabs__active-bar {
    background-color: #0066F9;
  }

  &--left {
    flex: 1;
    box-shadow: none;
    position: relative;
    overflow: hidden;
  }

  &--right {
    width: 300px;
    min-width: 300px;
    box-shadow: none;
    flex-shrink: 0;
    height: calc(100% - 15px);
    background-color: white;
    margin-left: 15px;
    border-left: 1px solid $xr-border-line-color;
    border-top: 1px solid $xr-border-line-color;
    border-bottom: 1px solid $xr-border-line-color;
  }
}

.d-container {
  position: relative;
  height: 100%;
}

/** 审核信息 */
.examine-info {
  margin-top: 15px;
  border-top: 1px solid $xr-border-line-color;
  border-bottom: 1px solid $xr-border-line-color;
}

// 重要按钮
.firse-button {
  position: absolute;
  bottom: 30vh;
  right: -1px;
  z-index: 2;
  font-size: 12px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 6px 10px;
  font-size: 12px;
  background-color: #F1F5FD;

  /deep/ span {
    line-height: 13px;
  }

  /deep/ .el-icon--right {
    margin-left: 0px;
    margin-top: 5px;
    transition: transform .3s;
  }

  /deep/ .el-icon--right.is-reverse {
    transform: rotateZ(180deg);
  }
}

// 标星
.focus-icon {
  margin-left: 5px;
  font-size: 14px;
  color: #D9D9D9;
  cursor: pointer;
  &.active {
    color: #FAC23D;
  }
}
